import type { Style } from '../types/theme.types'

export const style: Style = {
    default: {
        name: '默认菜单风格',
        menu: {
            textColor: '#bfcbd9',
            background: '#181f31',
            childrenBackground: '#1f2d3d',
            hoverBackground: '#203448',
            submenuActiveColor: '#fff',
        },
        logo: {
            color: '#f1f1f1',
            background: '#263445',
        },
        header: {
            background: '#fff',
            textColor: '#303133',
            itemHoverColor: 'rgba(0,0,0,.06)',
            breadcrumbTextColor: '#606266',
            borderColor: '#d8dce5',
            tabBackground: '#fff',
        },
        container: {
            background: '#f0f2f5',
            mainBackground: '#fff',
        },
        page: {
            background: '#fff',
            color: '#303133',
            tipColor: 'rgba(0, 0, 0, 0.45)',
            borderColor: '#ebeef5',
        },
    },
    light: {
        name: '亮色菜单风格',
        menu: {
            textColor: '#272727',
            background: '#fff',
            childrenBackground: '#fff',
            hoverBackground: '#f1f1f1',
            submenuActiveColor: 'var(--system-primary-color)',
        },
        logo: {
            color: '#000',
            background: '#fff',
        },
        header: {
            background: '#fff',
            textColor: '#303133',
            itemHoverColor: 'rgba(0,0,0,.025)',
            breadcrumbTextColor: '#606266',
            borderColor: '#d8dce5',
            tabBackground: '#fff',
        },
        container: {
            background: '#f0f2f5',
            mainBackground: '#fff',
        },
        page: {
            background: '#fff',
            color: '#303133',
            tipColor: 'rgba(0, 0, 0, 0.45)',
            borderColor: '#ebeef5',
        },
    },
    chinese: {
        name: '中国水墨风',
        menu: {
            textColor: '#c7c7c7',
            background: '#232323',
            childrenBackground: '#292929',
            hoverBackground: '#1d1d1d',
            submenuActiveColor: 'var(--system-primary-color)',
        },
        logo: {
            color: '#fff',
            background: '#232323',
        },
        header: {
            background: '#f1f0ed',
            textColor: '#303133',
            itemHoverColor: 'rgba(0,0,0,.025)',
            breadcrumbTextColor: '#606266',
            borderColor: '#d8dce5',
            tabBackground: 'rgba(216, 216, 216, 0.51)',
        },
        container: {
            background: 'rgba(255, 255, 255, 0.92)',
            mainBackground: 'rgba(255, 255, 255, 0.92)',
        },
        page: {
            background: 'rgba(255, 255, 255, 0.92)',
            color: '#303133',
            tipColor: 'rgba(0, 0, 0, 0.45)',
            borderColor: '#ebeef5',
        },
    },
    dark: {
        name: '暗色菜单风格',
        menu: {
            textColor: '#bbb',
            background: '#18181c',
            childrenBackground: '#18181c',
            hoverBackground: '#000',
            submenuActiveColor: '#fff',
        },
        logo: {
            color: '#fff',
            background: '#18181c',
        },
        header: {
            background: '#18181c',
            textColor: '#e3e3e4',
            itemHoverColor: '#000',
            breadcrumbTextColor: '#fff',
            borderColor: '#3e3e3e',
            tabBackground: '#1b1b1b',
        },
        container: {
            background: '#000',
            mainBackground: '#18181c',
        },
        page: {
            background: '#18181c',
            color: '#c7c7c7',
            tipColor: 'rgba(255, 255, 255, 0.45)',
            borderColor: '#3e3e3e',
        },
    },
}
